/**
 * colors:
 * Green :	#008000, #99cc99, #c8ded0
 * Yellow:	#efc919
 */
body {
	background-color: #ffffff;
}
p {
	word-wrap: break-word;
}
/* top bar */
.topbar {
	width: 100%;
	background-color: #eeeeee;
}
	.bar {
		width: 980px;
		margin: 0 auto;
	}
		.bar ul {
			height: 30px;
		}
		.bar li {
			line-height: 30px;
		}
		.bar a {
			display: inline-block;
			margin: 0 5px;
		}
		.login {
			float: left;
		}
			.login li {
				float: left;
			}
			.login label {
				padding: 0 5px 0 0;
			}
			.login input {
				margin: 0 5px 0 0;
			}
			.qq {
				padding: 0 0 0 16px;
				background: url(../images/qq.png) no-repeat left center;
			}
		.classroom {
			float: right;
		}
			.classroom li {
				float: left;
			}
			.classroom .last {
				margin: 0 0 0 5px;
			}
/* top bar END*/
/* header - container brand and show */
.header {
	width: 980px;
	margin: 0 auto;
}
/* brand */
	.brand {
		position: relative;
		height: 80px;
	}
		.brand h1 {
			position: absolute;
			top: 10px;
			height: 60px;
			width: 180px;
		}
			.brand h1 a {}
			.brand h1 img {
				height: 60px;
				width: 180px;
			}
		.download {
			position: absolute;
			right: 0;
			top: 10px;
			width: 160px;
			height: 60px;
		}
			.download a {
				display: block;
				width: 100%;
				height: 100%;
				text-indent: -9999em;
				background: url(../images/download.gif) no-repeat 0 0;
			}
		.consultel {
			position: absolute;
			right: 180px;
			top: 10px;
			width: 160px;
			height: 30px;
			padding: 30px 0 0;
			font-size: 20px;
			color: #008000;
			text-align: center;
			line-height: 30px;
			background: url(../images/consult.gif) no-repeat 0 0;
		}
/* nav bar */
	.nav {
		height: 50px;
		width: 100%;
		border-top: 2px solid #008000;
		border-bottom: 2px solid #008000;
	}
		.navbar {
			float: left;
			width: 680px;
			height: 100%;
		}
		.feature {
			float: left;
			width: 300px;
			height: 100%;
		}
			.navbar ul,
			.feature ul {
				height: 100%;
			}
			.navbar li {
				float: left;
			}
			.feature li {
				float: right;
			}
			.navbar a {
				display: block;
				line-height: 50px;
				text-decoration: none;
				font-size: 20px;
				padding: 0 10px;
			}
			.feature a {
				display: block;
				line-height: 50px;
				font-size: 14px;
				padding: 0 10px;
				color: #000000;
			}
			.navbar a:hover {
				height: 48px;
				border-bottom: 2px solid #008000;
			}
			.navact {
				height: 48px;
				border-bottom: 2px solid #008000;
			}
/* header END*/
/* container - contain: downloadview and team */
.container {
	width: 980px;
	margin: 10px auto 0;
}
/* downloadview */
	.downloadview {
		float: left;
		margin: 0 0 10px;
	}
		.lessons {
			width: 220px;
			height: 298px;
			padding: 10px;
			border: 1px solid #cccccc;
		}
			.lesson {
				width: 220px;
				line-height: 20px;
				margin: 0 0 10px;
			}
			.lessons .last {
				margin: 0;
			}
				.selected {
					border-width: 1px 1px 0 1px;
					border-color: #008000 #008000 transparent #008000;
					border-style: solid solid none solid;
					background-color: #99cc99; /* c8ded0 */
				}
				.lesson dt {
					position: relative;
					height: 20px;
					padding: 0 0 0 5px;
				}
				.lesson dd {}
				.lesson dt a {
					float: right;
					margin: 0 0 0 5px;
					padding: 0 5px;
				}
				.lesson h2 {
					float: left;
				}
				.lesson div {
					border: 1px solid #008000;
					background-color: #99cc99; /* c8ded0 */
					padding: 0 0 0 5px;
				}
				.lesson div a {
					padding: 0 8px 0 0;
				}
				.line1 div {
					height: 20px;
				}
				.line2 div {
					height: 40px;
				}
				.line3 div {
					height: 60px;
				}
	.down {
		margin: 10px 0 0;
		width: 220px;
		padding: 0 10px 10px;
		border: 1px solid #cccccc;
	}
		.title {
			height: 30px;
			line-height: 30px;
			border-bottom: 1px solid #cccccc;
		}
			.title h3 {
				float: left;
				height: 100%;
			}
			.title a {
				float: right;
				height: 100%;
			}
		.down ul {
			padding: 10px 0 0;
		}
			.down li {
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				line-height: 20px;
			}
		
/* team */
	.team {
		float: right;
		width: 710px;
		padding: 0 10px 0;
		border: 1px solid #008000;
	}
		.subnav {
			line-height: 30px;
			border-bottom: 1px solid #eeeeee;
		}
		.teamtitle {
			padding: 10px 0 0;
			line-height: 30px;
			height: 30px;
			border-bottom: 1px solid #008000;
		}
			.teamtitle h2 {
				float: left;
				font-size: 14px;
			}
			.teamtitle a {
				float: right;
			}
		.teachers {
			padding: 10px 0 0;
		}
			.teacher {
				position: relative;
				padding: 10px 10px 10px 0;
				border-bottom: 1px solid #cccccc;
			}
				.teacher img {
					width: 140px;
					height: 160px;
					float: left;
				}
				.teacher dl {
					float: left;
					margin: 20px 0 0 10px;
					line-height: 30px;
				}
					.teacher dt,
					.teacher dd,
					.teacher dd a {
						font-size: 14px;
					}
					.teacher dd a {
						color: #008000;
					}
				.order {
					position: absolute;
					bottom: 30px;
					right: 0;
					width: 60px;
					height: 24px;
					background: url(../images/order.gif) no-repeat 0 0;
					text-indent: -9999em;
				}
				.order:hover {
					background-position: 0 -26px;
				}
		.paging {
			padding: 10px 0;
		}
			.pagination a,
			.pagination span {
				line-height: 24px;
				border: 1px solid #cccccc;
				padding: 3px 7px;
				text-decoration: none;
			}
			.pagination span {
				color: #008000;
				font-weight: 600;
				border: 1px solid #99cc99;
				background-color: #c8ded0;
			}
			.pagination a:hover {
				border-color: #99cc99;
				background-color: #eeeeee;
			}

/* container END*/
/* footer */
.footer {
	width: 980px;
	margin: 10px auto 0;
}
	.links {
		border: 1px solid #008000;
		padding: 5px 10px 15px;
	}
		.links h3 {
			line-height: 30px;
			font-size: 14px;
		}
		.linkto img {
			width: 112px;
			height: 42px;
			border: 1px solid #c8ded0;
		}
	.statement {
		text-align: center;
		margin: 10px 0 30px;
	}
		.contact {
			height: 20px;
			line-height: 20px;
		}
		.statement ul {
			display: inline-block;
		}
			.statement li {
				float: left;
				padding: 5px;
			}
/* footer END*/